<template>
    <div class="setComponent">
        <div class="form-item">
            <label>导航列数</label>
            <el-select v-model="obj.col" clearable placeholder="请选择">
                <el-option
                    v-for="item in columnOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"/>
            </el-select>
        </div>
		<div class="form-item">
		    <label>导航栏</label>
		    <el-select filterable v-model="obj.value">
		        <el-option v-for="(item, menuIndex) in menuResult" :key="menuIndex" :value="item.schemeId" :label="item.schemeName"/>
		    </el-select>
		</div>
    </div>
</template>
<script>
import { getselectColumndatasByFormId } from '@/api/api'
import { columnOptions } from '@/utils/selectOptions'
export default {
    name: 'SetGeziMenuNav',
    props: {
        obj: {
            type: Object
        },
    },
    data() {
        return {
            columnOptions,
			menuResult: []
        }
    },
	created(){
		this._getselectColumndatasByFormId('7998')
	},
    methods: {
		_getselectColumndatasByFormId(formId) {
		    getselectColumndatasByFormId(formId)
		        .then(res => {
		            if (res.menuRESULT) {
		                this.menuResult = res.menuRESULT
		            }
		        })
		        .catch(err => {
		            console.log(err)
		        })
		}
    }
}
</script>
<style lang="scss" scoped>

</style>

